<template>
  <div class="outer">
    <van-nav-bar
      title="设置"
      left-arrow
      @click-left="()=>{$router.push('/home/me/index')}"
    />


    <div class="father">
      <span class="demo-home-nav__block"   >
        账号管理
        <svg viewBox="0 0 1024 1024" class="demo-home-nav__icon"><path fill="#B6C3D2" d="M601.1 556.5L333.8 289.3c-24.5-24.5-24.5-64.6 0-89.1s64.6-24.5 89.1 0l267.3 267.3c24.5 24.5 24.5 64.6 0 89.1-24.5 24.4-64.6 24.4-89.1-.1z"></path><path fill="#B6C3D2" d="M690.2 556.5L422.9 823.8c-24.5 24.5-64.6 24.5-89.1 0s-24.5-64.6 0-89.1l267.3-267.3c24.5-24.5 64.6-24.5 89.1 0 24.5 24.6 24.5 64.6 0 89.1z"></path></svg>
        </span>
      <span  class="demo-home-nav__block" @click="$router.replace({path:`/cc`, query:{origin: '/dc'}})">
        常见问题2
        <svg viewBox="0 0 1024 1024" class="demo-home-nav__icon"><path fill="#B6C3D2" d="M601.1 556.5L333.8 289.3c-24.5-24.5-24.5-64.6 0-89.1s64.6-24.5 89.1 0l267.3 267.3c24.5 24.5 24.5 64.6 0 89.1-24.5 24.4-64.6 24.4-89.1-.1z"></path><path fill="#B6C3D2" d="M690.2 556.5L422.9 823.8c-24.5 24.5-64.6 24.5-89.1 0s-24.5-64.6 0-89.1l267.3-267.3c24.5-24.5 64.6-24.5 89.1 0 24.5 24.6 24.5 64.6 0 89.1z"></path></svg>
        </span>
      <span  class="demo-home-nav__block" >
        隐私协议
        <svg viewBox="0 0 1024 1024" class="demo-home-nav__icon"><path fill="#B6C3D2" d="M601.1 556.5L333.8 289.3c-24.5-24.5-24.5-64.6 0-89.1s64.6-24.5 89.1 0l267.3 267.3c24.5 24.5 24.5 64.6 0 89.1-24.5 24.4-64.6 24.4-89.1-.1z"></path><path fill="#B6C3D2" d="M690.2 556.5L422.9 823.8c-24.5 24.5-64.6 24.5-89.1 0s-24.5-64.6 0-89.1l267.3-267.3c24.5-24.5 64.6-24.5 89.1 0 24.5 24.6 24.5 64.6 0 89.1z"></path></svg>
        </span>
      <span  class="demo-home-nav__block" @click="$router.replace(`/ec`)">
        关于我们
        <svg viewBox="0 0 1024 1024" class="demo-home-nav__icon"><path fill="#B6C3D2" d="M601.1 556.5L333.8 289.3c-24.5-24.5-24.5-64.6 0-89.1s64.6-24.5 89.1 0l267.3 267.3c24.5 24.5 24.5 64.6 0 89.1-24.5 24.4-64.6 24.4-89.1-.1z"></path><path fill="#B6C3D2" d="M690.2 556.5L422.9 823.8c-24.5 24.5-64.6 24.5-89.1 0s-24.5-64.6 0-89.1l267.3-267.3c24.5-24.5 64.6-24.5 89.1 0 24.5 24.6 24.5 64.6 0 89.1z"></path></svg>
        </span>
    </div>
  </div>
</template>

<script>
export default {
 
};
</script>

<style lang="scss" scoped>

.father {
  margin: 0 auto;
  margin-top: 10px;
  background-color: #f7f8fa;
}
.demo-home-nav__block {
  position: relative;
  display: -webkit-flex;
  display: flex;
  color: #323233;
  font-weight: 600;
  font-size: 14px;
  line-height: 50px;
  background: #f7f8fa;
  padding-left: 10px;
  margin:10px 0 0 0px ;
}
.demo-home-nav__icon {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}
</style>
